<template>
  <div class="home-header">
    <home-left></home-left>
    <home-center></home-center>
    <home-right></home-right>
  </div>
</template>

<script>
const HomeLeft = () => import('../home/HomeLeft.vue')
const HomeCenter = () => import('../home/HomeCenter.vue')
const HomeRight = () => import('../home/HomeRight.vue')

export default {
  name: 'HomeHead',
  components: {
    HomeLeft,
    HomeCenter,
    HomeRight,
    HomeRight

  }
}
</script>

<style lang="less">
.home-header {
  display: flex;
  margin: 0 auto;
  background-color: #000;
  width: 1200px;
  height: 78px;
}

</style>